﻿<?php get_header();
$optionfb=get_option('bigckool_option_fb');

?>		
<style>

ul.wrapper{
	display:none;	
}
</style>		
				<div class='home_view'>
        <!-- <div class="parallax-layer"  style="width:760px; height:700px;">
            
        </div> -->
        <div id='paralax_bg_center'></div>
        <!-- <div class="parallax-layer"  style="width:760px; height:700px;">
           
        </div> -->
         <div id='paralax_bg_left'></div>
       <!--  <div class="parallax-layer"  style="width:760px; height:700px;">
            
        </div> -->
        <div id='paralax_bg_right'></div>
        <div class='top_side' >
            <div class='wrapper'>
                <a href='<?php echo home_url()?>'>
                    <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/logo.png' alt='' order='2' class='logo first float_left'/>
                </a>
                 
                        <div id='like'>
                            Hãy nhấn &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div id="fanpagelike">
                            <!--
                            <iframe src="//www.facebook.com/plugins/like.php?href=<?php echo urldecode($optionfb['fanpage_url'])?>&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21&amp;appId=622090874530625" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
                            -->
                            <div class="fb-like" data-href="<?php echo $optionfb['fanpage_url']?>" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
                            </div>
                            để tham gia chương trình
                        </div>
                        <img src='<?php echo get_template_directory_uri()?>/img/slogan.png' alt='' class='slogan float_right'/>
            </div>
            <div class='light'>
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/content_light1.png' class='first' order='2' alt='' id='light1' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/content_light2.png' class='first' order='2' alt='' id='light2' />
            </div>
        </div>

        <div class='main_side'>
            <img lazy-src='<?php echo get_template_directory_uri()?>/img/home_img.png' alt='' class='first' order='2' id='home_micro' class=''/>
            <img lazy-src='<?php echo get_template_directory_uri()?>/img/micro_midlight.png' alt='' class='first' order='2' id='micro_midlight' class=''/>
            <img  lazy-src='<?php echo get_template_directory_uri()?>/img/micro_leftlight.png' alt='' class='lazy' order='2' id='micro_leftlight' class=''/>
            <img lazy-src='<?php echo get_template_directory_uri()?>/img/micro_rightlight.png' alt='' class='lazy' order='2' id='micro_rightlight' class=''/>
            <!--Lighting animation -->
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light1.png' alt='' class='first lighting_effect' order='2' id='microlight1' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light2.png' alt='' class='first lighting_effect' order='2' id='microlight2' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light3.png' alt='' class='first lighting_effect' order='2' id='microlight3' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light4.png' alt='' class='first lighting_effect' order='2' id='microlight4' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light5.png' alt='' class='first lighting_effect' order='2' id='microlight5' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light6.png' alt='' class='first lighting_effect' order='2' id='microlight6'/>
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light7.png' alt='' class='first lighting_effect' order='2' id='microlight7' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light8.png' alt='' class='first lighting_effect' order='2' id='microlight8' />
                <img src='' lazy-src='<?php echo get_template_directory_uri()?>/img/light1.png' alt='' class='first lighting_effect' order='2' id='microlight9' />
            
        </div>

    </div>
						<script>
						$(document).ready(function () {
							var isIE=false;
							//check IE 11
							 if(!(window.ActiveXObject) && "ActiveXObject" in window){
							  isIE=true;
							 }
							//check other IE
							if(window.ActiveXObject || "ActiveXObject" in window){
								isIE=true;
							}
							
							if(isIE){     //yeah, he's using IE
							    $('#line').hide();
							    $('#top_loading').hide();
							    $('#bottom_loading').hide();

								$('img[lazy-src]').each(function(i,el){
									
									  $(el).attr('src',$(el).attr('lazy-src'));
									  //do what ever you wish to this object :) 
									});

								
							    $('#home_micro').delay(500).animate({ transform: 'scale(1,1)'},500,'easeOutBack',function(){

						        	$('#micro_leftlight').delay(500).animate({ 'top': '-150px'},500,'easeOutQuad');
						        	
						        	$('#micro_rightlight').delay(500).animate({ 'top': '-150px'},500,'easeOutQuad',function(){

								        	$('#micro_midlight').delay(300).animate({'opacity':'0.6'},100,'easeOutQuad');
								        	$('#micro_midlight').animate({'opacity':'0'},100,'easeOutQuad');
								        	$('#micro_midlight').animate({'opacity':'0.6'},100,'easeOutQuad');
								        	$('#micro_midlight').delay(400).animate({'opacity':'0'},100,'easeOutQuad');
								        	$('#micro_midlight').delay(600).animate({'opacity':'0.7'},100,'easeOutQuad');

						        		});
					        		});
							}
							else{
								init();
					        	Start();
							}
							
							//ANIMATION 
							//$('#home_micro').css('transform','scale(0,0)');
							//$('#home_micro').delay(1000).animate({ transform: 'scale(1,1)'},500,'easeOutBack');
					        <?php if(!bigckool_isUserLikeFP())
					        {
					        	//echo '$("ul.wrapper").css("display","none");';	
					        }
					        ?>
							

					        
					        
						});
						
						$(document).on("facebook:ready", function(){
							setTimeout(function(){if(!fbplugin.isUserlikeFP)disableMenu();
							else enableMenu();},2000);
							FB.Event.subscribe('edge.create', function(href, widget) {
								enableMenu();
								if(urlredirect!=undefined && urlredirect!='') window.location=currenturl+urlredirect;
								else window.location=currenturl+ '/category/tuan1';
								
							  }); 
							FB.Event.subscribe('edge.remove', function(href, widget) {								
								disableMenu();
							});
						});
						
						
						</script>	
<?php get_footer(); ?>